<template>
    <div>
        <van-nav-bar 
        title="地址管理" 
        @click-left="onClickLeft"
        >
            <van-icon name="arrow-left" slot="left" color='black' size='20px'/>
        </van-nav-bar>
       <van-address-edit
        :area-list="areaList"
        show-delete
        show-set-default
        show-search-result
        :search-result="searchResult"
        @save="onSave"
        @delete="onDelete"
        @change-detail="onChangeDetail($event)"
        />
        
    </div>
</template>

<script>
export default {
    name:'Addaddres',
    data () {
        return {
            areaList:{
                province_list: {
                    110000: '北京市',
                    120000: '天津市'
                },
                city_list: {
                    110100: '北京市',
                    110200: '县',
                    120100: '天津市',
                    120200: '县'
                },
                county_list: {
                    110101: '东城区',
                    110102: '西城区',
                    110105: '朝阳区',
                    110106: '丰台区',
                    120101: '和平区',
                    120102: '河东区',
                    120103: '河西区',
                    120104: '南开区',
                    120105: '河北区',
                    // ....
                }
                } ,
            searchResult: [],
        }
    },
    mounted () {
        
    },
    methods: {
        onSave(r) {
            localStorage.setItem('address',JSON.stringify(r))
        },
        onDelete(r) {
        },
        onChangeDetail(val) {
            if (val) {
                this.searchResult = [{
                name: '黄龙万科中心',
                address: '杭州市西湖区'
            }];
            } else {
                 this.searchResult = [];
            }
        },
        onClickLeft(){
            this.$router.go(-1)
        },
        
    }
}
</script>

<style scoped>
.sp{
    color:'black';
    font-size: 16px;
}
</style>
